<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="css/style2.css">
</head>
<body>
    <label for="">姓<span class="important">名</span></label>
    <input type="text" name="" id="">
    <span>span标签表示<span class="important">行内元素</span>的逻辑分区。</span>
    <p class="red">这是第一段的内容。</p>
    <p>这是第二段的内容。</p>    
    <div id="inlinediv">这里是个块级元素的逻辑分区，div标签最常用的地方就是作为各种元素的容器。</div>
    <p>这是第三段内容。</p>
    <hr>
    <div id="boxexam1">盒模型演示1</div>
    <div id="boxexam2">盒模型演示2</div>
    <hr>

    <div class="buttonMenu">
        <div class="myBtn">首页</div>
        <div class="myBtn">照片</div>
    </div>

    <br><br>
    <br><br><br><br><br>
</body>
</html>